技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
15
0
自我挑戰組
CSS 大全(第四版)閱讀筆記
系列 第
15
篇
Day15【主題四:css表格排版】_前言 / 表格格式化
11th鐵人賽
Amy
2019-09-16 23:06:01
515 瀏覽
分享至
零、前言
在flexbox與網格出現之前,表格是唯一能夠讓元素尺寸與其他元素尺寸建立關聯的元素。
不論基本格裡的內容多寡,同一列的基本格的高度都相同;同一行基本格的寬度也都相同。
相鄰的基本格能夠共享邊界。
一、表格格式化
表格格式化(table formatting)是建立表格裡的各個元素關係的方法。必須先完成格式化之後,才能夠排版。
1-1. 表格的視覺排列
CSS將表格元素(table element)與內部表格元素(internal table element)視為不同。
內部表格元素沒有邊界範圍,無法透過予以邊界範圍讓它們與表格基本格(cell)分離。(caption除外)
網格基本格(grid cell),指描繪表格的網格線之間所形成的區域。所有表格基本格的變界都放置在網格基本格的邊界上。
列方框(row box)
列群組(row group)
行方框(column box)
行群組(column group)
留言
追蹤
檢舉
上一篇
Day14【主題三:動畫】_animation縮寫 / 動畫權重與優先順序
下一篇
Day16【主題四:css表格排版】_表格display值
系列文
CSS 大全(第四版)閱讀筆記
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
day26【主題六:選擇器】筆記1
27
day27【主題六:選擇器】筆記2
28
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
29
day29【主題七:邊界範圍】
30
day30【主題八:數值與單位】
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23068
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
react
程式設計
vue.js
熱門問題
近期遭受到DoS攻擊, 有無反擊的方式?
簡單網路問題
請問這是甚麼編碼 ( php )
防止line及skye傳輸檔案
windows副檔名錯亂消失,重命名問題 (Advanced Renamer)
sharetech 防火牆設定問題
RS232接頭作法
更換主機板後,原有的OFFICE 365 等軟體不見了
DC內帳號可否刪除
SQL資料庫匯入一直出現KEY值重覆,查不出來!請協助!謝謝!
熱門回答
簡單網路問題
sharetech 防火牆設定問題
QRCDOE 下載問題
有應用程式阻止CHROME建立這個網站的安全連線(未安裝必要的fortinet根憑證)
EASYFLOW 子單身必填設定如何移除?
熱門文章
Vigor Router Firewall 只允許通過即時通訊軟體 Skype Line TG 不允許上網,限制LINE只能文字不能傳檔案圖片語音
找到最佳線上視頻下載方式 | 7大利器推薦
JS學習紀錄-06-其他運算子跟三元運算子
Docker Kafka Cluster 部屬筆記 (3 Brokers & 1 Zookeeper)
JS學習紀錄-05-變數命名規則
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}